<template>
  <div class="legend-row">
    <div class="row"><span>频率:</span></div>
    <div class="row"><div class="circle" style="background: #7FD165" /><span>&lt;2年一遇</span></div>
    <div class="row"><div class="circle" style="background: #309EF3" /><span>2~5年一遇</span></div>
    <div class="row"><div class="circle" style="background: #E8E500" /><span>5~10年一遇</span></div>
    <div class="row"><div class="circle" style="background: #F2A408" /><span>10~20年一遇</span></div>
    <div class="row"><div class="circle" style="background: #EF3C45" /><span>20~50年一遇</span></div>
    <div class="row"><div class="circle" style="background: #964FD2" /><span>50~100年一遇</span></div>
    <div class="row"><div class="circle" style="background: #C93EC0" /><span>&gt;100年一遇</span></div>
  </div>
</template>

<style scoped lang="less">
  @import "./legend";
</style>
